Hệ thống đặt hàng thực phẩm trong Php
1 <?php
2 include 'includes/connect.php';
3 include 'includes/wallet.php';
4
5 if($_SESSION['customer_sid']==session_id())
6 {
7 ?>
8 <!DOCTYPE html>
9 <html lang="en">
10
11 <head>
12 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
13 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
14 <meta http-equiv="X-UA-Compatible" content="IE=edge">
15 <meta name="msapplication-tap-highlight" content="no">
16 <title>Order Food</title>
17
18 <!-- Favicons-->
19 <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
20 <!-- Favicons-->
21 <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
22 <!-- For iPhone -->
23 <meta name="msapplication-TileColor" content="#00bcd4">
24 <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
25 <!-- For Windows Phone -->
26
27
28 <!-- CORE CSS-->
29 <link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
30 <link href="css/style.min.css" type="text/css" rel="stylesheet" media="screen,projection">
31 <!-- Custome CSS-->
32 <link href="css/custom/custom.min.css" type="text/css" rel="stylesheet" media="screen,projection">
33 <!-- INCLUDED PLUGIN CSS ON THIS PAGE -->
34 <link href="js/plugins/perfect-scrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet" media="screen,projection">
35 <link href="js/plugins/data-tables/css/jquery.dataTables.min.css" type="text/css" rel="stylesheet" media="screen,projection">
36
37 <style type="text/css">
38 .input-field div.error{
39 position: relative;
40 top: -1rem;
41 left: 0rem;
42 font-size: 0.8rem;
43 color:#FF4081;
44 -webkit-transform: translateY(0%);
45 -ms-transform: translateY(0%);
46 -o-transform: translateY(0%);
47 transform: translateY(0%);
48 }
49 .input-field label.active{
50 width:100%;
51 }
52 .left-alert input[type=text] + label:after,
53 .left-alert input[type=password] + label:after,
54 .left-alert input[type=email] + label:after,
55 .left-alert input[type=url] + label:after,
56 .left-alert input[type=time] + label:after,
57 .left-alert input[type=date] + label:after,
58 .left-alert input[type=datetime-local] + label:after,
59 .left-alert input[type=tel] + label:after,
60 .left-alert input[type=number] + label:after,
61 .left-alert input[type=search] + label:after,
62 .left-alert textarea.materialize-textarea + label:after{
63 left:0px;
64 }
65 .right-alert input[type=text] + label:after,
66 .right-alert input[type=password] + label:after,
67 .right-alert input[type=email] + label:after,
68 .right-alert input[type=url] + label:after,
69 .right-alert input[type=time] + label:after,
70 .right-alert input[type=date] + label:after,
71 .right-alert input[type=datetime-local] + label:after,
72 .right-alert input[type=tel] + label:after,
73 .right-alert input[type=number] + label:after,
74 .right-alert input[type=search] + label:after,
75 .right-alert textarea.materialize-textarea + label:after{
76 right:70px;
77 }
78 </style>
79 </head>
80
81 <body>
82 <!-- Start Page Loading -->
83 <div id="loader-wrapper">
84 <div id="loader"></div>
85 <div class="loader-section section-left"></div>
86 <div class="loader-section section-right"></div>
87 </div>
88 <!-- End Page Loading -->
89
90 <!-- //////////////////////////////////////////////////////////////////////////// -->
91
92 <!-- START HEADER -->
93 <header id="header" class="page-topbar">
94 <!-- start header nav-->
95 <div class="navbar-fixed">
96 <nav class="navbar-color">
97 <div class="nav-wrapper">
98 <ul class="left">
99 <li><h1 class="logo-wrapper"><a href="index.php" class="brand-logo darken-1"><img src="images/materialize-logo.png" alt="logo"></a> <span class="logo-text">Logo</span></h1></li>
100 </ul>
101 <ul class="right hide-on-med-and-down">
102 <li><a href="#" class="waves-effect waves-block waves-light"><i class="mdi-editor-attach-money"><?php echo $balance;?></i></a>
103 </li>
104 </ul>
105 </div>
106 </nav>
107 </div>
108 <!-- end header nav-->
109 </header>
110 <!-- END HEADER -->
111
112 <!-- //////////////////////////////////////////////////////////////////////////// -->
113
114 <!-- START MAIN -->
115 <div id="main">
116 <!-- START WRAPPER -->
117 <div class="wrapper">
118
119 <!-- START LEFT SIDEBAR NAV-->
120 <aside id="left-sidebar-nav">
121 <ul id="slide-out" class="side-nav fixed leftside-navigation">
122 <li class="user-details cyan darken-2">
123 <div class="row">
124 <div class="col col s4 m4 l4">
125 <img src="images/avatar.jpg" alt="" class="circle responsive-img valign profile-image">
126 </div>
127 <div class="col col s8 m8 l8">
128 <ul id="profile-dropdown" class="dropdown-content">
129 <li><a href="routers/logout.php"><i class="mdi-hardware-keyboard-tab"></i> Logout</a>
130 </li>
131 </ul>
132 </div>
133 <div class="col col s8 m8 l8">
134 <a class="btn-flat dropdown-button waves-effect waves-light white-text profile-btn" href="#" data-activates="profile-dropdown"><?php echo $name;?> <i class="mdi-navigation-arrow-drop-down right"></i></a>
135 <p class="user-roal"><?php echo $role;?></p>
136 </div>
137 </div>
138 </li>
139 <li class="bold active"><a href="index.php" class="waves-effect waves-cyan"><i class="mdi-editor-border-color"></i> Order Food</a>
140 </li>
141 <li class="no-padding">
142 <ul class="collapsible collapsible-accordion">
143 <li class="bold"><a class="collapsible-header waves-effect waves-cyan"><i class="mdi-editor-insert-invitation"></i> Orders</a>
144 <div class="collapsible-body">
145 <ul>
146 <li><a href="orders.php">All Orders</a>
147 </li>
148 <?php
149 $sql = mysqli_query($con, "SELECT DISTINCT status FROM orders WHERE customer_id = $user_id;");
150 while($row = mysqli_fetch_array($sql)){
151 echo '<li><a href="orders.php?status='.$row['status'].'">'.$row['status'].'</a>
152 </li>';
153 }
154 ?>
155 </ul>
156 </div>
157 </li>
158 </ul>
159 </li>
160 <li class="no-padding">
161 <ul class="collapsible collapsible-accordion">
162 <li class="bold"><a class="collapsible-header waves-effect waves-cyan"><i class="mdi-action-question-answer"></i> Tickets</a>
163 <div class="collapsible-body">
164 <ul>
165 <li><a href="tickets.php">All Tickets</a>
166 </li>
167 <?php
168 $sql = mysqli_query($con, "SELECT DISTINCT status FROM tickets WHERE poster_id = $user_id AND not deleted;");
169 while($row = mysqli_fetch_array($sql)){
170 echo '<li><a href="tickets.php?status='.$row['status'].'">'.$row['status'].'</a>
171 </li>';
172 }
173 ?>
174 </ul>
175 </div>
176 </li>
177 </ul>
178 </li>
179 <li class="bold"><a href="details.php" class="waves-effect waves-cyan"><i class="mdi-social-person"></i> Edit Details</a>
180 </li>
181 </ul>
182 <a href="#" data-activates="slide-out" class="sidebar-collapse btn-floating btn-medium waves-effect waves-light hide-on-large-only cyan"><i class="mdi-navigation-menu"></i></a>
183 </aside>
184 <!-- END LEFT SIDEBAR NAV-->
185
186 <!-- //////////////////////////////////////////////////////////////////////////// -->
187
188 <!-- START CONTENT -->
189 <section id="content">
190
191 <!--breadcrumbs start-->
192 <div id="breadcrumbs-wrapper">
193 <div class="container">
194 <div class="row">
195 <div class="col s12 m12 l12">
196 <h5 class="breadcrumbs-title">Order</h5>
197 </div>
198 </div>
199 </div>
200 </div>
201 <!--breadcrumbs end-->
202
203
204 <!--start container-->
205 <div class="container">
206 <p class="caption">Order your food here.</p>
207 <div class="divider"></div>
208 <form class="formValidate" id="formValidate" method="post" action="place-order.php" novalidate="novalidate">
209 <div class="row">
210 <div class="col s12 m4 l3">
211 <h4 class="header">Order Food</h4>
212 </div>
213 <div>
214 <table id="data-table-customer" class="responsive-table display" cellspacing="0">
215 <thead>
216 <tr>
217 <th>Name</th>
218 <th>Item Price/Piece</th>
219 <th>Quantity</th>
220 </tr>
221 </thead>
222
223 <tbody>
224 <?php
225 $result = mysqli_query($con, "SELECT * FROM items where not deleted;");
226 while($row = mysqli_fetch_array($result))
227 {
228 echo '<tr><td>'.$row["name"].'</td><td>'.$row["price"].'</td>';
229 echo '<td><div class="input-field col s12"><label for='.$row["id"].' class="">Quantity</label>';
230 echo '<input id="'.$row["id"].'" name="'.$row['id'].'" type="text" data-error=".errorTxt'.$row["id"].'"><div class="errorTxt'.$row["id"].'"></div></td></tr>';
231 }
232 ?>
233 </tbody>
234 </table>
235 </div>
236 <div class="input-field col s12">
237 <i class="mdi-editor-mode-edit prefix"></i>
238 <textarea id="description" name="description" class="materialize-textarea"></textarea>
239 <label for="description" class="">Any note(optional)</label>
240 </div>
241 <div>
242 <div class="input-field col s12">
243 <button class="btn cyan waves-effect waves-light right" type="submit" name="action">Order
244 <i class="mdi-content-send right"></i>
245 </button>
246 </div>
247 </div>
248 </form>
249 <div class="divider"></div>
250
251 </div>
252 </div>
253 <!--end container-->
254
255 </section>
256 <!-- END CONTENT -->
257
258
259 </div>
260 <!-- END MAIN -->
261
262
263
264 <!-- //////////////////////////////////////////////////////////////////////////// -->
265
266 <!-- START FOOTER -->
267 <footer class="page-footer">
268 <div class="footer-copyright">
269 <div class="container">
270 <span>Copyright © 2017 <a class="grey-text text-lighten-4" href="#" target="_blank">Students</a> All rights reserved.</span>
271 <span class="right"> Design and Developed by <a class="grey-text text-lighten-4" href="#">Students</a></span>
272 </div>
273 </div>
274 </footer>
275 <!-- END FOOTER -->
276
277
278
279 <!-- ================================================
280 Scripts
281 ================================================ -->
282
283 <!-- jQuery Library -->
284 <script type="text/javascript" src="js/plugins/jquery-1.11.2.min.js"></script>
285 <!--angularjs-->
286 <script type="text/javascript" src="js/plugins/angular.min.js"></script>
287 <!--materialize js-->
288 <script type="text/javascript" src="js/materialize.min.js"></script>
289 <!--scrollbar-->
290 <script type="text/javascript" src="js/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
291 <!-- data-tables -->
292 <script type="text/javascript" src="js/plugins/data-tables/js/jquery.dataTables.min.js"></script>
293 <script type="text/javascript" src="js/plugins/data-tables/data-tables-script.js"></script>
294
295 <script type="text/javascript" src="js/plugins/jquery-validation/jquery.validate.min.js"></script>
296 <script type="text/javascript" src="js/plugins/jquery-validation/additional-methods.min.js"></script>
297
298 <!--plugins.js - Some Specific JS codes for Plugin Settings-->
299 <script type="text/javascript" src="js/plugins.min.js"></script>
300 <!--custom-script.js - Add your own theme custom JS-->
301 <script type="text/javascript" src="js/custom-script.js"></script>
302 <script type="text/javascript">
303 $("#formValidate").validate({
304 rules: {
305 <?php
306 $result = mysqli_query($con, "SELECT * FROM items where not deleted;");
307 while($row = mysqli_fetch_array($result))
308 {
309 echo $row["id"].':{
310 min: 0,
311 max: 10
312 },
313 ';
314 }
315 echo '},';
316 ?>
317 messages: {
318 <?php
319 $result = mysqli_query($con, "SELECT * FROM items where not deleted;");
320 while($row = mysqli_fetch_array($result))
321 {
322 echo $row["id"].':{
323 min: "Minimum 0",
324 max: "Maximum 10"
325 },
326 ';
327 }
328 echo '},';
329 ?>
330 errorElement : 'div',
331 errorPlacement: function(error, element) {
332 var placement = $(element).data('error');
333 if (placement) {
334 $(placement).append(error)
335 } else {
336 error.insertAfter(element);
337 }
338 }
339 });
340 </script>
341 </body>
342
343 </html>
344 <?php
345 }
346 else
347 {
348 if($_SESSION['admin_sid']==session_id())
349 {
350 header("location:admin-page.php");
351 }
352 else{
353 header("location:login.php");
354 }
355 }
356 ?>
